import { Component, Input, OnInit } from '@angular/core';
import { ActivatedRoute, ParamMap} from '@angular/router';
// import { Hero } from './hero';
import { Location } from '@angular/common';
import { HeroService } from './hero.service';
import { Hero } from './hero';
import "rxjs/add/operator/switchMap";

@Component({
  selector:'hero-detail',
  templateUrl:'./hero-detail.component.html',
  styleUrls:['./hero-detail.component.css']
})
export class HeroDetailComponent implements OnInit{
  // @Input() hero:Hero;
  constructor(
    private heroService: HeroService,
    private route: ActivatedRoute,
    private location: Location
  ){}
  hero:Hero;
  ngOnInit(): void {
    this.route.paramMap.switchMap(
      (params:ParamMap) => this.heroService.getHero(+params.get('id'))
    ).subscribe(hero => this.hero = hero);
  };
  goBack():void{
    this.location.back();
  }
}